<!DOCTYPE HTML>
<html xmlns:th="http://www.thymeleaf.org" xmlns:margin="http://www.w3.org/1999/xhtml">
<html>
<head>
    <title>Details</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="Motel Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
    <script type="applijewelleryion/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
    <!-- Custom Theme files -->
    <link href="css/style.css" rel='stylesheet' type='text/css' />
    <script src="js/jquery-1.11.1.min.js"></script>
    <!--webfonts-->
    <link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.useso.com/css?family=Open+Sans:400,300italic,300,600' rel='stylesheet' type='text/css'>
    <!--//webfonts-->
    <script type="text/javascript" src="js/bootstrap.js"></script>
    <script type="text/javascript" src="js/addRooms.js"></script>
</head>
<body>
<!-- banner -->
<div th:replace="~{include/top::top}">

</div>
<!-- banner -->
<!-- details -->



<div class="details">
    <!--	<form action="/details" method="post">-->
    <div class="container">
        <div class="col-md-7 details-left">
            <img th:src="${hotel.photo1}" class="img-responsive" alt="" width="600" height="600">
        </div>
        <div class="col-md-5 details-right">
            <span>金额：</span><span th:text="${order.price}"  name="price"></span>
            <li>以最优惠的价格预订服务</li>
            <li>信用卡安全支付</li>
            <li>无预订费</li>
            <p th:text="${hotel.overview}"></p>
        </div>
        <div class="clearfix"> </div>
        <div class="details-top">
            <h3 th:text="${hotel.hotelName}"></h3>
            <h4>地址</h4>
            <p th:text="${hotel.addressline1}"></p>
            <h6>有效期：2019年1月1日至2019年12月31日</h6>

        </div>

        <div class="booking-form">
            <table class="table table-bordered table-striped">
                <tr>
                    <th>订单号</th>
                    <th>姓名</th>
                    <th>手机号</th>
                    <th>email</th>
                    <th>房间数量</th>
                    <th>入住时间</th>
                    <th>退房时间</th>
                    <th>总价</th>
                    <th>支付状态</th>
                    <th>需求</th>

                </tr>
                <tr>
                    <td th:text="${order.orderId}"></td>
                    <td th:text="${order.username}"></td>
                    <td th:text="${order.phone}"></td>
                    <td th:text="${order.email}"></td>
                    <td th:text="${order.rooms}"></td>
                    <td th:text="${order.startData}"></td>
                    <td th:text="${order.lastData}"></td>
                    <th th:text="${order.price}"></th>
                    <td th:if="${order.ifPay=='已支付'}" th:text="${order.ifPay}"> </td>
                    <th th:if="${order.ifPay!='已支付'}">未支付<a  th:href="|/pay?orderId=${order.orderId}&price=${order.price}|">
                        <input type="button" value="付款" style="width: 50px;padding: auto"></a></th>
                    <td th:text="${order.userRequired}"></td>
                </tr>
            </table>

    <!--	</form>-->
        </div>
</div>
</div>
<!-- details -->
<!-- footer -->
<div class="footer">
    <div class="container">
        <div class="col-md-2 deco">
            <h4>导航</h4>
            <li><a th:href="@{/}">主页</a></li>
            <li><a th:href="@{/shortcodes.html}">短信通知</a></li>
            <li><a th:href="@{/sigin.html}">登录</a></li>
            <li><a th:href="@{/contact.html}">相关联系</a></li>
        </div>
        <div class="col-md-2 deco">
            <h4>链接</h4>
            <li><a href="#">关于我们</a></li>
            <li><a href="#">法律支持</a></li>
            <li><a href="#">用户须知</a></li>
        </div>
        <div class="col-md-2 deco">
            <h4>社交软件</h4>
            <div class="soci">
                <li><a href="#"><i class="f-1"> </i></a></li>
                <li><a href="#"><i class="t-1"> </i></a></li>
                <li><a href="#"><i class="g-1"> </i></a></li>
            </div>
        </div>
        <div class="col-md-3 cardss">
            <h4>安全支付</h4>
            <li><i class="visa"></i></li>
            <li><i class="ma"></i></li>
            <li><i class="paypal"></i></li>
            <div class="clearfix"> </div>
        </div>
        <div class="col-md-3 pos">
            <h4>实时通知</h4>
            <form method="post">
                <input type="text" class="textbox" value="E-mail" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = 'Email';}">
                <div class="smt">
                    <input type="submit" value="订阅">
                </div>
            </form>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<div class="footer-bottom">
    <div class="container">
        <p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
        </p>
    </div>
</div>
<!-- footer -->
</body>
</html>